<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑鲨科技</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1893347_im1fp7l603.css">
    <link rel="stylesheet" href="/css/index.css">
</head>
<body>
    <!-- 头部导航 -->
    <header>
        
    </header>
    <!-- 页面主体 -->
    <section class="wrap">
        <!-- 轮播图 -->
        
        <div class="swiper-container ">
            <div class="swiper-wrapper lunbo">
                <div class="swiper-slide"><img  src="/images/index/banner_1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/images/index/banner_2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="/images/index/banner_3.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
            
            
        </div>
        <!-- 四个介绍 -->
        <section class="introduce">
            <div>
                <a href="https://shop-1256119282.file.myqcloud.com/blackshark/20200303/20200303103811_243.mp4"><img src="/images/index/video1.jpg" alt=""></a>
            </div>
            <div><img src="/images/index/video2.png" alt=""></div>
            <div>
                <a href="/html/mall.html">
                    <p>腾讯黑鲨游戏手机 3 Pro</p>
                    <div class="orderNow">前往订购</div>
                    <img src="/images/index/M.png" alt=""></div>
                </a>
                
            <div>
                <a href="/html/mall.html">
                    <p>黑鲨游戏手机 3 </p>
                    <div class="orderNow">前往订购</div>
                    <img src="/images/index/K.png" alt=""></div>
                </a>
                
        </section>
        <!-- 产品广告 -->
        <section class="productAd" id="indexGoodsList">
        </section>
        <script type="text/html" id="indexgoods">
            {{each list item}}
                <div class="gotoMall">
                    <img src="{{item.src}}" alt="">
                    <p>{{item.title}}</p>
                    <div class="goNow">前往订购</div>
                </div>
            {{/each}}
        </script>
    </section>
    <!-- 底部 -->
    <footer>
        
    </footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>
</html>